<template>
  <div>
    <el-drawer :title="title" :visible.sync="is_show" @closed="closed" size='45%' :wrapperClosable="false">
      <div class="container">
        <el-form
          :model="form"
          ref="apply-form"
          :rules="rules"
          label-position="left"
          :validate-on-rule-change="false"
        >
          <div class="title">专利信息</div>

          <!-- <el-form-item label="拟申报专利类型" prop="type" label-width="190px">
            <template slot='label'>
              <span>拟申报专利类型</span>
              <el-popover
                  placement="right"
                  title="拟申报专利类型"
                  width="200"
                  trigger="hover"
                  content="确定申报的专利类型。">
                  <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-select v-model="form.type" multiple placeholder="请选择拟申报专利类型">
              <el-option
                v-for="(item, index) in patentOptions"
                :key="index"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item> -->
          <el-form-item label="提交类型" prop="submitType" label-width="190px">
            <template slot='label'>
              <span>提交类型</span>
              <el-popover
                  placement="right"
                  title="提交类型"
                  width="300"
                  trigger="hover"
                  >
                  <ul class="nostyle">
                    <li><span >ZN. 缴费金额 <font class="font_success">无需开票</font></span></li>
                    <li><span >ZY. 缴费金额 <font class="font_success">需开票</font></span></li>
                  </ul>
                  <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-select v-model="form.submitType"  placeholder="请选择提交类型">
              <el-option
                v-for="(item, index) in submitTypes"
                :key="index"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
          <!-- <el-form-item label="拟申报专利名称" prop="patent_name" label-width="190px">
            <template slot='label'>
              <span>拟申报专利名称</span>
              <el-popover
                  placement="right"
                  title="拟申报专利名称"
                  width="200"
                  trigger="hover"
                  content="此内容仅参考，具体专利名称以最后申报定稿时为准">
                  <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-input v-model="form.patent_name" placeholder="请输入拟申报专利名称"></el-input>
          </el-form-item> -->
          <div class="title">专利权人信息</div>
          <el-form-item label="专利权人" prop="patent_user" label-width="190px">
            <template slot='label'>
              <span>专利权人</span>
              <el-popover
                placement="right"
                title="专利权人"
                width="300"
                trigger="hover">
                  <ul class="nostyle">
                    <li><span class="">1. 专利权人如果为单位，请填写单位名称，如XXXXXX公司，XXXXXXX学校等。</span></li>
                    <li><span class="">2. 如果专利权人为个人，请填写个人姓名，如张三。</span></li>
                    <li><span class="font_success">3. 若专利权人为个人，办理专利费用减缴备案后即可享受相应比例的专利费用减缴，备案资料：上一年度年收入低于6万元的收入证明以及个人身份证明文件。</span></li>
                  </ul>
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-autocomplete
              v-model="form.patent_user"
              :fetch-suggestions="querySearch"
              @select="handleSelect"
              :trigger-on-focus="false"
              placeholder="请输入专利权人"
              :validate-event="false"
              @blur='valueChange($event)'
            ></el-autocomplete>
          </el-form-item>
          <div class="title">发明人信息</div>
          <el-form-item label="发明人姓名" prop="user_name" label-width="190px">
            <template slot='label'>
              <span>发明人姓名</span>
              <el-popover
                placement="right"
                title="发明人姓名"
                width="300"
                trigger="hover">
                <span class="">如有多个，请用中文逗号隔开，<span class="font_success">第一发明人请放在首位</span>，如，张三（第一发明人），李四，王五</span>
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-input v-model="form.user_name" placeholder="请输入发明人姓名"></el-input>
          </el-form-item>
          <el-form-item label="第一发明人身份证号码" prop="id_card" label-width="190px">
            <template slot='label'>
              <span>第一发明人身份证号码</span>
              <el-popover
                placement="right"
                title="第一发明人身份证号码"
                width="300"
                content="请填写正确的18位身份证号码"
                trigger="hover">
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-input v-model="form.id_card" placeholder="请输入第一发明人身份证号码"></el-input>
          </el-form-item>
          <div class="title">联络人信息</div>
          <el-form-item label="联络人（只写一个）" prop="liaisons" label-width="190px">
            <template slot='label'>
              <span>联络人信息</span>
              <el-popover
                placement="right"
                title="联络人信息"
                width="200"
                content="请填写联络人姓名"
                trigger="hover">
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-input v-model="form.liaisons" placeholder="请输入联络人"></el-input>
          </el-form-item>
          <el-form-item label="联络人电话" prop="liaisons_tel" label-width="190px">
            <el-input v-model="form.liaisons_tel" placeholder="请输入联络人电话"></el-input>
            <template slot='label'>
              <span>联络人电话</span>
              <el-popover
                placement="right"
                title="联络人电话"
                width="200"
                content="请填写正确的手机号码"
                trigger="hover">
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
          </el-form-item>
          <el-form-item label="联络人邮箱" prop="liaisons_email" label-width="190px">
            <template slot='label'>
              <span>联络人邮箱</span>
              <el-popover
                placement="right"
                title="联络人电话"
                width="200"
                trigger="hover">
                <span class="font_success">#注意：邮箱务必可用，除电话沟通外，代理人可能选择邮箱跟您确认相关内容#</span>
                <i class='el-icon-info orange ml10' slot="reference"></i>
              </el-popover>
            </template>
            <el-input v-model="form.liaisons_email" placeholder="请输入联络人邮箱"></el-input>
          </el-form-item>
          <div class="title">审核文件</div>
          <el-form-item
            label="内容审核文件："
            prop="file"
            label-width="190px">
            <el-upload
              ref="upload"
              :auto-upload="true"
              :on-change="handleChange"
              :action="uploadFileUrl"
              :file-list="fileList"
              :http-request="uploadSectionFile"
              :on-remove="handleRemove"

              :show-file-list='false'
              multiple
              :limit="5">
              <!-- <el-button type="primary">上传文件</el-button> -->
              <el-button type="primary" slot="trigger"  icon="el-icon-plus" circle></el-button>
              <div slot="tip" class="el-upload__tip" style="margin-top: 0px;">请直接上传已完成的word文档,单个主体文件,无需分解,仅供内容 审查</div>
              <div slot="tip" class="el-upload__tip" style="margin-top: 0px;">请按照代理人-案件名称-案件类型 的格式上传</div>
              <div slot="tip" class="el-upload__tip" style="margin-top: 0px;">例：测试代理人-测试案件名称-发明专利.docx</div>
            </el-upload>
            <div class="file-list">
              <div v-if='fileListV.length'>
                <!-- <span class="sameDay">是否需要与其他案件同日提交，如需要，请选择</span>
                <el-checkbox @change='sameDayCheckChange' v-model="sameDay.isSameDay">{{sameDay.isSameDay ? '是' : '否'}}</el-checkbox>
                <el-select
                  class="mb10 mt10"
                  v-if='sameDay.isSameDay'
                  v-model="sameDay.same_day_number"
                  filterable
                  multiple
                  collapse-tags
                  placeholder="请选择">
                  <el-option
                    v-for="item in orderNumbers"
                    :key="item.index"
                    :label="item.value"
                    :value="item.value">
                  </el-option>
                </el-select>
                <br/> -->
                <span class="font_success">权利要求数超过10项的为超项数，小于等于10，超项数为0。</span>
              </div>

              <div class="file-list_item"  v-for="(item,index) in fileListV" :key="index" @mouseenter='fileListShowClose(item)' @mouseleave='fileListHidClose(item)'>
                <el-row :gutter="10">
                  <el-col :span="12">
                    <el-tooltip :content="item.name" placement="top">
                      <span class="file-list_item_name">{{item.name}}</span>
                    </el-tooltip>
                  </el-col>
                  <el-col :span="4">
                    <div class="file-list_item_checkbox">
                      <el-checkbox v-model="item.isBeyond">{{item.isBeyond ? '是' : '否'}}</el-checkbox>
                    </div>
                  </el-col>
                  <el-col :span="4">
                    <div class="file-list_item_input">
                      <el-input v-if="item.isBeyond" v-model.number="item.claimValue" size="small"></el-input>
                    </div>
                  </el-col>
                  <el-col :span="4">
                    <div class='fr' v-if='item.close'>
                      <i class="el-icon-close" @click="closeFileList(item,index)"></i>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </div>

            <!-- <el-upload
              ref="upload"
              :auto-upload="true"
              :on-change="handleChange"
              :action="uploadFileUrl"
              :file-list="fileList"
              :http-request="uploadSectionFile"
              :on-remove="handleRemove"
              multiple
              :limit="5">
              <div class="upload-demo-btns">
                <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
                <div slot="tip" class="el-upload__tip" style="margin-top: 0px;">请直接上传已完成的word文档,单个主体文件,无需分解,仅供内容 审查</div>
              </div>
            </el-upload> -->
          </el-form-item>

          <template v-if="form.submitType == 'ZY'">
            <div class="title">拟开票金额</div>
            <!-- <span class="font_danger invMoney-tip" v-if="form.patent_user == ''">请先填写专利权人。</span> -->
            <el-form-item
              :label="'文件' + (index + 1) + '拟开票金额'"
              label-width="190px" v-for="(item,index) in form.fileListV"
              :prop="'fileListV.' + index + '.invoiceMoney'"
              :key="index"
              :rules="[
                { required: true, validator: validateInvoicMoney, trigger: 'blur'}
              ]"
              >
              <!-- :disabled="form.patent_user == ''"  -->
              <el-input v-model='item.invoiceMoney'></el-input>
            </el-form-item>
          </template>

        </el-form>
      </div>
      <div class="footer tc">
        <el-button @click="is_show = false">取消</el-button>
        <el-button type="primary" @click="submit" v-no-more-click:3000>确认</el-button>
      </div>
    </el-drawer>
    <beyondItem  ref="beyondItem" @submitPost="submitPost"></beyondItem>
  </div>
</template>

<script>
import {
  validateName,
  validateId,
  validatePhone,
  validateEmail
} from "~/util/index";
import axios from "axios"
import beyondItem from '~/components/beyondItem-dialog'
export default {
  components: {
    beyondItem,
  },
  data() {


    return {
      title: "自提案件",
      is_show: false,
      form: {
        territory: "",
        background: "",
        problem: "",
        plan: "",
        advantage: "",
        way: "",
        // type: [],
        patent_name: "",
        patent_user: "",
        user_name: "",
        liaisons: "",
        liaisons_tel: "",
        liaisons_email: "",
        agent_id: null,
        submitType: '',
        fileListV: [

        ]
      },
      fileList: [],
      fileList2: [],
      fileListV: [],
      serviceOptions: [
        {
          value: "A",
          label: "10个工作日"
        },
        {
          value: "B",
          label: "20个工作日"
        },
        {
          value: "C",
          label: "30个工作日"
        }
      ],
      agentOption: [],
      allPatent: [],
      patentOptions: [
        {
          label: "发明专利",
          value: "发明专利",
        },
        {
          label: "实用新型",
          value: "实用新型",
        },
        {
          label: "外观设计",
          value: "外观设计",
        },
      ],
      submitTypes: [
        {
          label: "ZN(无需开票)",
          value: "ZN",
        },
        {
          label: "ZY(需开票)",
          value: "ZY",
        },
      ],
      uploadFileUrl: '',
      baseUrl: global.baseurl,
      sameDay: {
        isSameDay: false,
        same_day_number: ''
      },
      orderNumbers: [],
      minInvoicMoney: 500,
      patentUserPrompt: true,
      validateInvoicMoney: (rule, value, callback) => {
        if (value === '') {
          callback(new Error(`请输入开票金额。`));
        } else {
          if (!Number(value)) {
            callback(new Error(`请输入正确的开票金额。`));
          }
          // else if (value < this.minInvoicMoney) {
          //   callback(new Error(`开票金额必须大于等于${this.minInvoicMoney}`));
          // }
          else {
            callback()
          }
        }
      }
    };
  },
  computed: {
    rules() {
      let rules = {
        type: [
          { required: true, message: "请选择拟申报专利类型", trigger: "blur" }
        ],
        // patent_name: [
        //   { required: true, message: "请输入拟申报专利名称", trigger: "blur" }
        // ],
        patent_user: [
          { required: true, message: "请输入专利权人", trigger: "blur" }
        ],
        user_name: [
          { required: true, validator: validateName, trigger: "blur" }
        ],
        id_card: [{ required: true, validator: validateId, trigger: "blur" }],
        liaisons: [
          { required: true, message: "请输入发明人姓名", trigger: "blur" }
        ],
        liaisons_tel: [
          { required: true, validator: validatePhone, trigger: "blur" }
        ],
        liaisons_email: [
          { required: true, validator: validateEmail, trigger: "blur" }
        ],
        service: [{ required: true, trigger: "blur" }],
        submitType: [
          { required: true, message: "请选择提交类型", trigger: "blur" }
        ],
        // invoicMoney: [
        //   { required: true, validator: validateInvoicMoney, trigger: "blur"}
        // ]
      };
      return rules;
    }
  },
  watch: {
    fileListV: {
      handler: function(val) {
        if (this.form.submitType == 'ZY') {
          // this.form.fileListV = val
          this.$set(this.form,'fileListV', val)
        }
      },
      immediate: true,
      deep: true
    }
  },
  created() {
    this.getAllPatent();
  },
  methods: {
    //  && this.isSelectShow
    valueChange (e) {
      const TEST_PATENT_USER = /协和+/
      if ((e.target.value.length <= 4 && !TEST_PATENT_USER.test(e.target.value)) && this.patentUserPrompt === true) {
        // 如专利权人为个人需享受相应比例的专利官费减缴，
        // 请提供上一年度年收入低于6万元的收入证明以及个人身份证明文件，
        // 我们会为您办理专利费用减缴业务。如有任何疑问请联系：严情，联系电话：13164620214
        this.$alert(`<p class='tl'>
          &emsp;&emsp;尊敬的用户，系统检测到您填写的订单专利权人信息可能为个人，如专利权人为个人需享受相应比例的专利官费减缴，
          请提供<font class="font_success">上一年度年收入低于6万元的收入证明以及个人身份证明文件</font>，订单生成后，请将纸质证明文件递交到您的专属顾问，
          我们会为您办理专利费用减缴业务。如有任何疑问请联系：<font class="font_success">严情</font>，联系电话：<font class="font_success">13164620214</font>。</p>`, '温馨提示', {
          confirmButtonText: '确定',
          center: true,
          dangerouslyUseHTMLString: true,
          callback: action => {
            this.patentUserPrompt = false
          }
        })
      }
      // this.patentUserPrompt = false
    },
    closeFileList(item,index) {
      this.fileList.splice(index, index + 1)
      this.fileListV.splice(index, 1)
      this.$refs.upload.uploadFiles.splice(index, 1)
    },
    fileListHidClose (item) {
      item.close = false
    },
    fileListShowClose (item) {
      item.close = true
    },
    sameDayCheckChange(value) {
      if (value) {
        this.$axios.get('api/order/agent/list').then(res => {
          if (res.data.code == 200){
            let data = res.data.data
            for(let i = 0; i < data.length; i++) {
              let item = {
                value: data[i],
                index: i
              }
              this.orderNumbers.push(item)
            }
          }
        })
      } else {
        this.orderNumbers = []
        this.sameDay.same_day_number = ''
      }
    },
    show(id) {
      if (id) {
      } else {
        this.getAllPatent();
        this.is_show = true;
        this.$nextTick(() => {
          this.$refs["apply-form"].clearValidate();
        });
      }
    },
    submit() {
      this.$refs["apply-form"].validate(valid => {
        if (valid) {
          // this.$refs['beyondItem'].show(this.fileListV)
          this.submitPost()
        } else {
          this.$message({
            type: "error",
            message: "校验失败，请检查填写的资料"
          });
          return false;
        }
      });
    },
    goPay(data) {
      this.$router.replace({
        name: 'payment',
        query: {
          order_id: data.id,
          order: data.id,
          from: this.$route.path
        }
      })
    },
    submitPost(args) {
      let formData = new FormData();
      this.fileListV.forEach((v, i) => {
        if (i == 0) {
          formData.append("file", v.raw);
        } else {
          formData.append(`file${i}`, v.raw);
        }
      });
      // if (this.fileListV.length > 0) {
      //   formData.append("file", this.fileListV[0].raw);
      // }
      formData.append('type', this.form.type)
      formData.append('submit_type', this.form.submitType)
      // formData.append('patent_name', this.form.patent_name)
      formData.append('patent_user', this.form.patent_user)
      formData.append('user_name', this.form.user_name)
      formData.append('id_card', this.form.id_card)
      formData.append('liaisons', this.form.liaisons)
      formData.append('liaisons_tel', this.form.liaisons_tel)
      formData.append('liaisons_email', this.form.liaisons_email)
      formData.append('agent_id', this.$store.state.user.id)
      // if (args) {
      //   let claim_item = ''
      //   let claimArr = []
      //   for(let i = 0; i < args.fileList.length; i++) {
      //     claimArr.push(args.fileList[i].value)
      //   }

      //   claim_item = claimArr.join(",")
      //   formData.append('claim_item', claim_item)
      // }

      // if(this.sameDay.isSameDay) {

      // }
      let claimArr = []
      let claim_item = ''
      for(let i = 0; i < this.fileListV.length; i++) {
        claimArr.push(this.fileListV[i].claimValue)

        // 自提案件ZY模式添加开票金额
        if (this.form.submitType == 'ZY') {
          if (i == 0) {
            formData.append("agent_ticket_money", this.fileListV[i].invoiceMoney);
          } else {
            formData.append(`agent_ticket_money${i}`, this.fileListV[i].invoiceMoney);
          }
        }

      }
      claim_item = claimArr.join(",")
      formData.append('claim_item', claim_item)

      axios({
        method: "post",
        url:this.baseUrl + '/api/order/agent/create',
        data: formData,
        headers: {
          "Content-Type": "multipart/form-data",
          Authorization: "Bearer " + this.$store.state.token
        }
      }).then(res => {
        if (res.data.code == 200) {
          this.$message({
              type: 'success',
              message: this.title + '成功'
          })
          this.is_show = false
          this.$emit('refresh')
          this.goPay(res.data.data)
        } else if (res.data.code == 400) {
          this.$message.error(res.data.message)
        }
      })
    },

    getAllPatent() {
      this.$axios.get("api/order/patent").then(res => {
        if (res.data.code == 200) {
          let arr = [];
          let arrItem = {};
          for (let i = 0; i < res.data.data.length; i++) {
            //element的模糊匹配组件el-autocomplete指定：必须数组的每个元素是个对象，并且有value属性
            let arrItem = {};
            arrItem.value = res.data.data[i];
            arr.push(arrItem);
          }
          this.allPatent = arr;
        }
      });
    },
    querySearch(queryString, cb) {
      let that = this;
      let patent = this.allPatent;
      let results = [];
      if (patent.length > 0) {
        results = queryString
          ? patent.filter(that.createFilter(queryString))
          : patent;
      }
      cb(results);
    },
    handleSelect () {

    },
    createFilter(queryString) {
      return returnVal => {
        //===0代表从首个字符处匹配必须成功，>=0代表从任意字符处匹配必须成功
        return (
          returnVal.value.toLowerCase().indexOf(queryString.toLowerCase()) >= 0
        );
      };
    },
    //选择后验证
    handleChange(file, fileList) {
      // if (this.form.submitType == 'ZY') {
      //   if(this.form.patent_user == '') {
      //     this.$alert('请先填写专利权人信息', '提示', {
      //       confirmButtonText: '确定',
      //       center: true,
      //       callback: action => {
      //       }
      //     })
      //     return
      //   }
      // }

      let tempList = [];//可以上传的文件
      for(let i = 0;i<fileList.length;i ++){
        let canUpload = true;//是否可以上传
        let that = this;
        //验证文件类型
        let fileName = fileList[i].name;
        //文件切成数组 然后去判断格式
        let arrLen = fileName.split("-").length;
        //1.获取后缀名 必须是文档格式(doc/docx)
        let pos = fileName.lastIndexOf(".");
        let lastName = fileName.substring(pos, fileName.length);

        if (
          // lastName.toLowerCase() !== ".doc" &&
          lastName.toLowerCase() !== ".docx"
        ) {
          that.$message.error("文件必须为.docx");
          canUpload = false;
        }
        if (arrLen != 3) {
          that.$message.error("请检查文件是否按照正确格式上传。");
          canUpload = false;
        } else {
          let agentName = fileName.split("-")[0]
          let orderType = fileName.split("-")[2].split(".")[0]
          let orderName = fileName.split("-")[1]

          if (agentName != that.$store.state.user.name) {
            that.$message.error("文件代理人不正确。");
            canUpload = false;
          } else if (!/^(发明专利|实用新型|外观设计)$/.test(orderType)) {
            that.$message.error("专利类型必须是【发明专利, 实用新型, 外观设计】中的一种");
            canUpload = false;
          } else if (arrLen != 3) {

          } else if (orderName == '') {
            that.$message.error("请检查文件名是否有案件名称。");
            canUpload = false;
          }
        }
        if(canUpload){
          tempList.push(fileList[i]);
        }
      }
      this.fileListV.splice(0,this.fileListV.length,...tempList)
      for(let i = 0; i < this.fileListV.length; i++) {
        // let item = {
        //   isBeyond: false,
        //   claimValue: 0
        // }
        // this.fileListV[i].isBeyond = true
        // this.fileListV[i].claimValue = 0
        this.$set(this.fileListV[i],'isBeyond', false)
        this.$set(this.fileListV[i],'claimValue', 0)
        this.$set(this.fileListV[i],'close', false)
        this.$set(this.fileListV[i],'invoiceMoney', 0)
      }
      // this.form.fileListV = this.fileListV
      fileList.splice(0,fileList.length,...tempList);
      return ;
    },
    // 获取最低开票金额
    getMinInvoicMoney() {
      // let params = {
      //   patent_user: this.form.patent_user,
      //   type: ''
      // }
      // for (let i = 0; i < this.fileListV.length; i++) {
      //   let fileName = fileList[i].name;
      // }
      // this.$axios.get('api/order/min/pay')
    },
    //上传
    uploadSectionFile(params) {
    },
    handleRemove(file, fileList) {
      // this.fileListV = fileList;
      // console.log(file)
      // console.log(fileList)
    },
    closed() {
      Object.assign(this.$data, this.$options.data());
      this.$refs["apply-form"].resetFields();
    }
  }
};
</script>

<style lang="less" scoped>

/deep/.el-drawer {
  outline: none;
  .el-drawer__header {
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #efefef;
    span {
      outline: none;
      padding-left: 20px;
      text-align: center;
    }
  }
  .el-drawer__body {
    .container {
      padding: 15px 15px 0 15px;
      max-height: calc(100vh - 130px);
      overflow-y: auto;
      .el-form {
        .el-cascader,
        .el-select,
        .el-autocomplete {
          width: 100%;
        }
        .title {
          font-size: 16px;
          color: #333;
          font-weight: bold;
          margin-bottom: 10px;
          position: relative;
          padding-left: 10px;
          &::before {
            content: "";
            position: absolute;
            display: inline-block;
            border-left: 3px solid #409eff;
            height: 21px;
            left: 0;
          }
        }
        .el-upload__tip {
          line-height: 30px;
        }
      }
    }
    .footer {
      border-top: 1px solid #efefef;
      padding: 10px 15px;
      text-align: right;
    }
  }
  .file-list {
    .sameDay {
      width: 400px;
      display: inline-block;
      line-height: 1;
    }
    .file-list_item {
      .file-list_item_name {
        // max-width: 400px;
        // min-width: 250px;
        // width: 400px;
        width: 100%;
        display: inline-block;
        line-height: 1;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      .file-list_item_checkbox {
        display: inline-block;
      }
      .file-list_item_input {
        display: inline-block;
        // width: 60px;
        // margin-left: 20px;
      }
    }
  }
  .invMoney-tip {
    margin-left: 190px;
  }
  

}
.nostyle{
  list-style: none;
}

</style>
